<!DOCTYPE html>
<html lang="en">
<head>
    <title id='Description'>example</title>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="js/lib/jquery-ui/jquery-ui.min.css" type="text/css"/>
    <link rel="stylesheet" href="js/lib/mCustomScrollbar/jquery.mCustomScrollbar.min.css" type="text/css"/>
    <!--<link rel="stylesheet" href="js/jqwidgets/styles/bootstrap.min.css" type="text/css"/>-->
    <link rel="stylesheet" href="js/jqwidgets/styles/jqx.base.css" type="text/css"/>
    <link rel="stylesheet" href="js/jqwidgets/styles/jqx.theme.css" type="text/css"/>
    <!--<link rel="stylesheet" href="js/jqwidgets/styles/jqx.bootstrap.css" type="text/css"/>-->
    <link href="js/lib/B-JUI/themes/css/bootstrap.css" rel="stylesheet">
    <!-- core - css -->
    <link href="js/lib/B-JUI/themes/css/style.css" rel="stylesheet">
    <link href="js/lib/B-JUI/themes/blue/core.css" id="bjui-link-theme" rel="stylesheet">
    <link href="js/lib/B-JUI/themes/css/fontsize.css" id="bjui-link-theme" rel="stylesheet">
    <!-- plug - css -->
    <!--<link href="js/lib/B-JUI/plugins/kindeditor_4.1.11/themes/default/default.css" rel="stylesheet">-->
    <!--<link href="js/lib/B-JUI/plugins/colorpicker/css/bootstrap-colorpicker.min.css" rel="stylesheet">-->
    <!--<link href="js/lib/B-JUI/plugins/nice-validator-1.0.7/jquery.validator.css" rel="stylesheet">-->
    <link href="js/lib/B-JUI/plugins/bootstrapSelect/bootstrap-select.css" rel="stylesheet">
    <!--<link href="js/lib/B-JUI/plugins/webuploader/webuploader.css" rel="stylesheet">-->
    <!--<link href="js/lib/B-JUI/themes/css/FA/css/font-awesome.min.css" rel="stylesheet">-->
    <!--<link href="js/lib/B-JUI/plugins/uploadify/css/uploadify.css" rel="stylesheet">-->
    <!-- app - css -->
    <link rel="stylesheet" href="css/iui.css">
    <link rel="stylesheet" href="css/app.css">
</head>

<body>
<!--[if lte IE 7]>
<div id="errorie">
    <div>您还在使用老掉牙的IE，正常使用系统前请升级您的浏览器到 IE8以上版本 <a target="_blank"
                                                 href="http://windows.microsoft.com/zh-cn/internet-explorer/ie-8-worldwide-languages">点击升级</a>&nbsp;&nbsp;强烈建议您更改换浏览器：<a
            href="http://down.tech.sina.com.cn/content/40975.html" target="_blank">谷歌 Chrome</a></div>
</div>
<![endif]-->
<div id="bjui-top" class="bjui-header">
    <div class="container_fluid position-r">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapsenavbar"
                    data-target="#bjui-top-collapse" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <nav class="collapse navbar-collapse" id="bjui-top-collapse">
            <ul class="nav navbar-nav navbar-right">
                <li class="datetime"><a><span id="bjui-date">0000/00/00</span> <span id="bjui-clock">00:00:00</span></a>
                </li>
                <li><a href="#">账号：BJUI</a></li>
                <li><a href="#">角色：管理员</a></li>
                <li><a href="changepassword.html" data-toggle="dialog" data-id="sys_user_changepass" data-mask="true"
                       data-width="400" data-height="300">修改密码</a></li>
                <li><a href="login.html" style="font-weight:bold;">&nbsp;<i class="fa fa-power-off"></i> 注销登陆</a></li>
                <li class="dropdown"><a href="#" class="dropdown-toggle bjui-fonts-tit" data-toggle="dropdown"
                                        title="更改字号"><i class="fa fa-font"></i> 大</a>
                    <ul class="dropdown-menu" role="menu" id="bjui-fonts">
                        <li><a href="javascript:;" class="bjui-font-a" data-toggle="fonts"><i class="fa fa-font"></i> 特大</a>
                        </li>
                        <li><a href="javascript:;" class="bjui-font-b" data-toggle="fonts"><i class="fa fa-font"></i> 大</a>
                        </li>
                        <li><a href="javascript:;" class="bjui-font-c" data-toggle="fonts"><i class="fa fa-font"></i> 中</a>
                        </li>
                        <li><a href="javascript:;" class="bjui-font-d" data-toggle="fonts"><i class="fa fa-font"></i> 小</a>
                        </li>
                    </ul>
                </li>
                <li class="dropdown active"><a href="#" class="dropdown-toggle theme" data-toggle="dropdown"
                                               title="切换皮肤"><i class="fa fa-tree"></i></a>
                    <ul class="dropdown-menu" role="menu" id="bjui-themes">
                        <!--
                        <li><a href="javascript:;" class="theme_default" data-toggle="theme" data-theme="default">&nbsp;<i class="fa fa-tree"></i> 黑白分明&nbsp;&nbsp;</a></li>
                        <li><a href="javascript:;" class="theme_orange" data-toggle="theme" data-theme="orange">&nbsp;<i class="fa fa-tree"></i> 橘子红了</a></li>
                        -->
                        <li><a href="javascript:;" class="theme_purple" data-toggle="theme" data-theme="purple">&nbsp;<i
                                class="fa fa-tree"></i> 紫罗兰</a></li>
                        <li class="active"><a href="javascript:;" class="theme_blue" data-toggle="theme"
                                              data-theme="blue">&nbsp;<i class="fa fa-tree"></i> 天空蓝</a></li>
                        <li><a href="javascript:;" class="theme_green" data-toggle="theme" data-theme="green">&nbsp;<i
                                class="fa fa-tree"></i> 绿草如茵</a></li>
                    </ul>
                </li>
                <li><a href="javascript:;" onclick="bjui_index_exchange()" title="横向收缩/充满屏幕"><i
                        class="fa fa-exchange"></i></a></li>
            </ul>
        </nav>
    </div>
</div>
<header class="navbar bjui-header" id="bjui-navbar">
    <div class="container_fluid">
        <div class="navbar-header width-200">
            <button type="button" class="navbar-toggle collapsed" id="bjui-navbar-collapsebtn"
                    data-toggle="collapsenavbar" data-target="#bjui-navbar-collapse" aria-expanded="false">
                <i class="fa fa-angle-double-right"></i>
            </button>
            <a class="navbar-brand" href="http://b-jui.com"><img src="../images/logo.png" height="30"></a>
        </div>
        <nav class="collapse navbar-collapse" id="bjui-navbar-collapse">
            <div id="bjui-topnav-col" class="bjui-topnav-col">
                <div id="bjui-topnav" class="bjui-topnav bg-maz-blue">
                    <div id='jqxMenu' class="bjui-topnav-box box-sizing-bor bg-maz-blue margin-l5" style="visibility: hidden;">
                        <ul class="top-nav">
                            <li class=" width-100 display-i text-c float-l"><a href="javascript:;" class="right-arrow padding-lr10"style="line-height: 48px">常用功能</a>
                                <ul class="top-nav bg-black padding-lr10 display-n">
                                    <li class="navtab-base-button active">
                                        <a href="http://www.baidu.com" data-toggle="navtab" data-options="{id:'base-button', title:'单据中心'}">
                                            单据中心
                                        </a>
                                    </li>
                                    <li class="navtab-base-input">
                                        <a href="http://www.qq.com" data-toggle="navtab" data-options="{id:'base-input', title:'实时看板'}">
                                            实时看板
                                        </a>
                                    </li>
                                    <li class="navtab-base-select">
                                        <a href="html/form/select.html" data-toggle="navtab" data-options="{id:'base-select', title:'数据查询'}">
                                            数据查询
                                        </a>
                                    </li>
                                    <li class="navtab-base-checkbox">
                                        <a href="html/form/checkbox.html" data-toggle="navtab" data-options="{id:'base-checkbox', title:'工具箱'}">
                                            工具箱
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class=" width-100 display-i text-c float-l "><a href="javascript:;"  class="right-arrow padding-lr10"style="line-height: 48px">销售</a>
                                <ul class="top-nav padding-lr10 display-n bg-black">
                                    <li class="navtab-base-demo-form">
                                        <a href="html/form/form.html" data-toggle="navtab" data-options="{id:'base-demo-form', title:'表单示例'}">
                                            新建订单
                                        </a>
                                        <ul style='width: 180px;'>
                                            <li><a href="#About">About Us</a></li>
                                            <li><a href="#Press">Press</a></li>
                                            <li><a href="#Investor">Investor Relations</a></li>
                                            <li><a href="#CorporateAffairs">Corporate Affairs</a></li>
                                            <li><a href="#Careers">Careers</a></li>
                                            <li><a href="#Showcase">Showcase</a></li>
                                            <li><a href="#Events">Events</a></li>
                                            <li><a href="#ContactUs">Contact Us</a></li>
                                            <li><a href="#Become an affiliate">Become an affiliate</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </nav>
        <div class="navbar-toolbar width-300">

        </div>
    </div>
</header>
<div id="bjui-body-box" class="bjui-body-box">
    <div class="container_fluid" id="bjui-body">
        <div id="bjui-navtab" class="tabsPage">
            <div class="tabsPageHeader padding-lr10 bg-dark-blue">
                <div class="tabsPageHeaderContent padding-t10">
                    <ul class="navtab-tab nav nav-tabs">
                        <li><a href="javascript:;"><span><i class="fa fa-home"></i> #maintab#</span></a></li>
                    </ul>
                </div>
                <div class="tabsLeft"><i class="fa fa-angle-double-left"></i></div>
                <div class="tabsRight"><i class="fa fa-angle-double-right"></i></div>
                <div class="tabsMore margin-t10"><i class="fa fa-angle-double-down"></i></div>
            </div>
            <ul class="tabsMoreList margin-lr10">
                <li><a href="javascript:;">#maintab#</a></li>
            </ul>
            <div class="navtab-panel tabsPageContent margin-lr10">
                <div class="navtabPage unitBox">
                    <div class="bjui-pageContent">
                        <div id="popover">
                            <div id="movies">
                            </div>
                        </div>
                        <div class="width100 height-60 line-h60">
                            <div class="float-l">
                                常用搜索：<i class="anniu">按钮</i>
                                <button class="defaultButton">今日单据</button>
                                <button class="defaultButton">3日单据</button>
                                <button class="defaultButton">待处理单据</button>
                                <button class="defaultButton">昆明华龙的订单</button>
                            </div>
                            <div class="float-r height-60 padding-tb15">
                                <div class="comboBox-type float-r"></div>
                                <div class="comboBox-state float-r margin-r10"></div>
                            </div>
                            <div class="clear-b"></div>
                        </div>
                        <div id='jqxWidget' class="content-list width100 position-r float-l overflow-h">
                            <div class="resizable-frame ui-widget-content box-sizing-bor">
                                <div id="jqxgrid">
                                </div>
                            </div>

                            <div id="eventslog" style="margin-top: 30px;">
                                <div style="width: 200px; float: left; margin-right: 10px;">
                                    <input value="Remove Filter" id="clearfilteringbutton" type="button"/>
                                    <div style="margin-top: 10px;" id='filterbackground'>Filter Background</div>
                                    <div style="margin-top: 10px;" id='filtericons'>Show All Filter Icons</div>
                                </div>
                                <div style="float: left;">
                                    Event Log:
                                    <div style="border: none;" id="events">
                                    </div>
                                </div>
                            </div>
                            <div class="passivity-resizable-frame ui-widget-content box-sizing-bor">
                                <div style="width: 100%;background-color: #fff">nihao</div>
                            </div>
                        </div>
                        <div class="foot-toolbar padding-tb15 float-l width100">
                            <div class="foot-toolbar-btnGroup float-l margin-l2">
                                <button id="1">单据红冲</button>
                                <button id="2">查看单据</button>
                                <button id="3">审核通过</button>
                                <button id="4">添加备注</button>
                                <button id="5">打印单据</button>
                            </div>
                            <div class="foot-toolbar-btnGroup float-r">
                                <button id="11">刷新列表</button>
                                <button id="12">关闭视窗</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
<script type="text/javascript" src="js/lib/B-JUI/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/lib/B-JUI/js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/lib/B-JUI/js/bjui-all.js" charset="UTF-8"></script>
<script type="text/javascript" src="js/lib/B-JUI/plugins/webuploader/webuploader.js"></script>
<!-- kindeditor -->
<script type="text/javascript" src="js/lib/B-JUI/plugins/kindeditor_4.1.11/kindeditor-all-min.js"></script>
<script type="text/javascript" src="js/lib/B-JUI/plugins/kindeditor_4.1.11/lang/zh-CN.js"></script>
<script type="text/javascript" src="js/lib/B-JUI/plugins/bootstrap.min.js"></script>
<script type="text/javascript" src="js/lib/B-JUI/plugins/bootstrapSelect/bootstrap-select.min.js"></script>
<!--<script src="js/lib/B-JUI/plugins/bootstrapSelect/defaults-zh_CN.min.js"></script>-->
<script type="text/javascript" src="js/lib/B-JUI/plugins/other/jquery.autosize.js"></script>

<script type="text/javascript" src="js/jqwidgets/globalization/globalize.js"></script>
<script type="text/javascript" src="js/jqwidgets/globalization/globalize.culture.zh-CHS.js"></script>
<script type="text/javascript" src="js/lib/require.min.js" data-main="js/main.js"></script>
</html>
